/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */

	body {
		font-size: 12px;
		background-color: #222222;
	}
	
	.white_bg{
		background-color: white;
	}
	
	.black_bg{
		background-color: black;
	}
	
	.nagios-logo{
		background: url('../image/nagios-logo.png') no-repeat;
		width: 200px;
		height: 57px;
	}
	
	#leftmenu{
		padding: 0;
		width: 200px;
	}
	
	#leftmenu li a:link, #menu4 li a:visited{
		background: url("../image/leftmenu-bg.png") repeat scroll 0 -32px transparent;
		color: #CCCCCC;
		display: block;
		padding: 8px 0 0 43px;
	}
	
	#leftmenu li a{
		background: url("../image/leftmenu-bg.png") repeat scroll 0 -32px transparent;
		color: #CCCCCC;
		text-decoration: none;
		height: 24px;
	}
	
	#leftmenu li a:hover{
		background: url("../image/leftmenu-bg.png") repeat scroll 0 2px transparent;
		color: #d5d031;
		padding: 8px 0 0 43px;
	}
	
	#leftmenu li a:active{
		background: url("../image/leftmenu-bg.png") repeat scroll 0 2px transparent;
		color: #CCCCCC;
		padding: 8px 0 0 43px;
	}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}